.layer-front {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {}


/* Parallax Our Service  Start*/

.img-backgorund {
    float: left;
    width: 100%;
    margin: 25px 0;
}

.animated-div {
    display: inline-block;
}

#outside-box:hover .img-backgorund {
    animation: spin 10s linear infinite;
}


/* .img-backgorund:hover {
    animation: spin 10s linear infinite;
} */


/* .img-backgorund:focus {
    animation: spin 10s linear infinite;
} */

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* Parral Our Service End */

@media screen and (min-width: 320px) and (max-width: 568px) {
    .box-image-container .img-backgorund:hover {
        animation: spin 10s linear infinite;
    }
}